@charset "UTF-8";
/**
 * Checkbox
 * --------------------------------------------------
 */
.checkbox {
    position: relative;
    display: inline-block;
    padding: 7px 7px;
    cursor: pointer; }
.checkbox input:before,
.checkbox .checkbox-icon:before {
    border-color: #ddd; }
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
    background: #387ef5;
    border-color: #387ef5; }

.checkbox-light input:before,
.checkbox-light .checkbox-icon:before {
    border-color: #ddd; }

.checkbox-light input:checked:before,
.checkbox-light input:checked + .checkbox-icon:before {
    background: #ddd;
    border-color: #ddd; }

.checkbox-stable input:before,
.checkbox-stable .checkbox-icon:before {
    border-color: #b2b2b2; }

.checkbox-stable input:checked:before,
.checkbox-stable input:checked + .checkbox-icon:before {
    background: #b2b2b2;
    border-color: #b2b2b2; }

.checkbox-positive input:before,
.checkbox-positive .checkbox-icon:before {
    border-color: #387ef5; }

.checkbox-positive input:checked:before,
.checkbox-positive input:checked + .checkbox-icon:before {
    background: #387ef5;
    border-color: #387ef5; }

.checkbox-calm input:before,
.checkbox-calm .checkbox-icon:before {
    border-color: #11c1f3; }

.checkbox-calm input:checked:before,
.checkbox-calm input:checked + .checkbox-icon:before {
    background: #11c1f3;
    border-color: #11c1f3; }

.checkbox-assertive input:before,
.checkbox-assertive .checkbox-icon:before {
    border-color: #ef473a; }

.checkbox-assertive input:checked:before,
.checkbox-assertive input:checked + .checkbox-icon:before {
    background: #ef473a;
    border-color: #ef473a; }

.checkbox-balanced input:before,
.checkbox-balanced .checkbox-icon:before {
    border-color: #33cd5f; }

.checkbox-balanced input:checked:before,
.checkbox-balanced input:checked + .checkbox-icon:before {
    background: #33cd5f;
    border-color: #33cd5f; }

.checkbox-energized input:before,
.checkbox-energized .checkbox-icon:before {
    border-color: #ffc900; }

.checkbox-energized input:checked:before,
.checkbox-energized input:checked + .checkbox-icon:before {
    background: #ffc900;
    border-color: #ffc900; }

.checkbox-royal input:before,
.checkbox-royal .checkbox-icon:before {
    border-color: #886aea; }

.checkbox-royal input:checked:before,
.checkbox-royal input:checked + .checkbox-icon:before {
    background: #886aea;
    border-color: #886aea; }

.checkbox-dark input:before,
.checkbox-dark .checkbox-icon:before {
    border-color: #444; }

.checkbox-dark input:checked:before,
.checkbox-dark input:checked + .checkbox-icon:before {
    background: #444;
    border-color: #444; }

.checkbox input:disabled:before,
.checkbox input:disabled + .checkbox-icon:before {
    border-color: #ddd; }

.checkbox input:disabled:checked:before,
.checkbox input:disabled:checked + .checkbox-icon:before {
    background: #ddd; }

.checkbox.checkbox-input-hidden input {
    display: none !important; }

.checkbox input,
.checkbox-icon {
    position: relative;
    width: 28px;
    height: 28px;
    display: block;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none; }
.checkbox input:before,
.checkbox-icon:before {
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 28px;
    background: #fff;
    content: ' ';
    -webkit-transition: background-color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out; }

.checkbox input:checked:before,
input:checked + .checkbox-icon:before {
    border-width: 2px; }

.checkbox input:after,
.checkbox-icon:after {
    -webkit-transition: opacity 0.05s ease-in-out;
    transition: opacity 0.05s ease-in-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 33%;
    left: 25%;
    display: table;
    width: 14px;
    height: 6px;
    border: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    content: ' ';
    opacity: 0; }

.platform-android .checkbox-platform input:before,
.platform-android .checkbox-platform .checkbox-icon:before,
.checkbox-square input:before,
.checkbox-square .checkbox-icon:before {
    border-radius: 2px;
    width: 72%;
    height: 72%;
    margin-top: 14%;
    margin-left: 14%;
    border-width: 2px; }

.platform-android .checkbox-platform input:after,
.platform-android .checkbox-platform .checkbox-icon:after,
.checkbox-square input:after,
.checkbox-square .checkbox-icon:after {
    border-width: 2px;
    top: 19%;
    left: 25%;
    width: 13px;
    height: 7px; }

.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
    top: 31%; }

.grade-c .checkbox input:after,
.grade-c .checkbox-icon:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    top: 3px;
    left: 4px;
    border: none;
    color: #fff;
    content: '\2713';
    font-weight: bold;
    font-size: 20px; }

.checkbox input:checked:after,
input:checked + .checkbox-icon:after {
    opacity: 1; }

.item-checkbox {
    padding-left: 60px; }
.item-checkbox.active {
    box-shadow: none; }

.item-checkbox .checkbox {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 3;
    margin-top: -21px; }

.item-checkbox.item-checkbox-right {
    padding-right: 60px;
    padding-left: 16px; }

.item-checkbox-right .checkbox input,
.item-checkbox-right .checkbox-icon {
    float: right; }
